<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>PVE</title>
	<link href="css/PVE.css" rel="stylesheet" type="text/css">
	<script src="js/jquery.min.js"></script>
    <script src="js/set.js"></script>
</head>

<body>
	<div id="player1">
    <img src="images/u196.jpg" width="150" height="200">
    </div>
    <div id="computer">
    	<img src="images/people3.jpg" width="150" height="200">
    </div>
<div id="chessboard">
    <canvas id="canvas" width="700" height="700" style = "border:1px solid;background-image:url(images/chessbg.png);background-size:cover; "></canvas>
    <br>
    <div id="status"></div>
    <button type="button" id="start">start</button>|<button type="button" id="huiqi">悔棋</button>|<button type="button" id="shezhi">设置</button>
    </div>

    <div id="blanks"></div>
        <div id="sett">
<select id ="type">
    <option value=1>Black</option>
    <option value=-1>White</option>
</select>
        <div id="btsett">
     <img src="images/close.png" id="btnc"/>
    	</div>
    </div>
	
</body>

<script >
    //定义参数
    var canvas=document.getElementById('canvas');
    var cxt=canvas.getContext('2d');
    var img_b=new Image();
    img_b.src ="images/b.png";
    var img_w=new Image();
    img_w.src="images/w.png";
</script>
<script src="js/const.js"></script>
<script src="js/chessboard.js"></script>
<!--<script src="js/evaluate.js"></script>-->
<script src="js/interact.js"></script>
</html>
